*{
	margin:0
}
body{ font-family:"微软雅黑","黑体","宋体"; background:#000;}
a{ text-decoration:none;}
ul{ list-style:none;}









/*头部代码*/
.header .top{ height:34px; background:#272526; line-height:34px;}
.header .con{width:1000px; margin:0 auto;}
.header .text{ font-size:12px; color:#666; float:left}
.header .link{ float:right; font-size:12px; color:#666;}
.header .link a{ color:#aaa; margin:0 25px;}
.header .link a:hover{ color:#fff;}
.header .btm{ height:136px; background:#000;}
.btm_con{ width:1400px; height:136px;  margin:0 auto; 	background:#000;}
.btm_con .logo{
	background:#000;
	float:left;
    margin-left:210px;
	margin-top:0px;
 
	
}
.btm_con .tel{ float:right; margin-top:43px; margin-right:-100px;}
.btm_con .tel span{ display:block; color:#bbb; font-size:14px; margin-bottom:18px; float:right;}



/*导航代码*/
.nav{ width:1200px height:50px; background:#202020;   position:relative; z-index:10; }
.nav ul{ width:1200px;height:50px;  margin:0 auto;}
.nav ul li{float:left; line-height:50px; color:#fff;}
.nav ul li a{color:#ccc; font-size:14px; padding:0 25px; background:url(../images/xian.png) no-repeat right center;}
.nav ul li a:hover{ color:#fff;}

.shoushuo {  margin-top:12px; margin-left:30px; }

.nav li .so{ width:173px; height:25px; background:#3a3939; border:none; color:#737260; padding-left:20px; float:left; outline:none;}
.nav li .btn{ width:40px; height:25px; background:#c08646 url(../images/so.png) no-repeat center; border:none; float:left;}



/*鼠标跟随列表下划线代码*/
.line{
	width: 78px;
	height: 3px;
	background: #900;
	position: absolute;
	top: 47px;
	left: 425px;
	background-color:#999;
}


/*导航栏下拉区域*/
.nav .down{ position:absolute; background:#333; display:none;}
.nav .down a{ display:block; line-height:36px; color:#fff; font-size:14px; padding-left:30px;}
.nav .down a:hover{ background:#444;}



/*海报代码*/
/*.banner{
	height:100px;
	background:url(../images/banner.jpg) no-repeat center
}*/

/*产品展示代码*/
.pro{ width:100%; text-align:center;  margin:47px 0 44px 0;}
.pro_title{ text-align:center; padding-bottom:45px;  background:url(../images/xian2.jpg) no-repeat center bottom;}
.pro_title h3{ margin:20px 0 10px 0; color:#666; font-weight:100;}
.pro_title span{ display:block; font-size:14px; color:#999; }
.pro .fenlei{ margin-top:24px;}
.pro ul{ width:1000px;  margin:45px auto 0;overflow:hidden;}
.pro ul li{ float:left; margin-right:4px;}
.pro .more{ display:block; width:1000px; height:50px;  line-height:50px; color:#666; margin:24px auto 0; background:#f5f4f4; font-size:14px;}
.pro .more:hover{ background:#aaa; color:#fff;}



/*海报轮播代码*/
.banner{ width:896px; height:482px;  margin:50px auto; position:relative;}
.banner .pic li{ position:absolute; top:0; left:0; display:none;}

.banner .num{
	position:absolute;
	width:100%;
	bottom:-49px;
	left:-15px;
	text-align:center;
	font-size:0;
}
.banner .num li{ width:18px; height:18px; background:rgba(255,255,255,0); border-radius:50%; display:inline-block; margin:0 2px; cursor:pointer;}
.banner .num li i{width:10px; height:10px; border:1px solid rgba(255,255,255,0.8); display:block; background:rgba(255,255,255,0); border-radius:50%; margin-left:3px; margin-top:3px;}
.banner .num li.on{ background:rgba(255,255,255,0.5);}
.banner .num li.on i{ background:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);}


.banner .btn{ width:30px; height:60px; background:rgba(0,0,0,0.4); color:#fff; font-family:"宋体"; font-size:26px; text-align:center; line-height:60px; position:absolute; top:205px; cursor:pointer; display:none;}
.banner .btnL{ left:0;}
.banner .btnR{ right:0;}
.banner .btn:hover{ background:rgba(0,0,0,0.8)}
.banner:hover .btn{ display:block;}











/*返回顶层图标*/
.return{width:40px; height:40px; background:#999;color:#000; line-height:40px; text-align:center; position:fixed; bottom:100px; right:100px; cursor:pointer; display:none }








/* 手风琴 */
body,html{width:100%; height:100%;}
		.bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.bg-box-1{
			background: url('img/1.jpg') no-repeat center/cover;
		}
		.bg-box-2{
			background: url('img/2.jpg') no-repeat center/cover;
		}
		.bg-box-3{
			background: url('img/3.jpg') no-repeat center/cover;
		}
		.bg-box-4{
	background: url('img/4.jpg') no-repeat center/cover;
	color: #000;
		}
		#wrap{
	position: absolute;
	overflow: hidden;
	top:1140px;
	left:-33px;
	right:0;
	bottom:0;
	margin:auto;
	width: 1000px;
	height: 400px;
		}
		#wrap > ul{
			width: 120%;
			list-style: none;
		}
		#wrap > ul > li{
			float: left;
			width: 100px;
			height: 400px;
			cursor: pointer;
		}
		#wrap > ul > li:nth-child(1){
			background: url(../images/1.jpg) no-repeat center/cover;
		}
		#wrap > ul > li:nth-child(2){
			background:  url(../images/2.jpg) no-repeat center/cover;
		}
		#wrap > ul > li:nth-child(3){
			background: url(../images/3.jpg) no-repeat center/cover;
		}
		#wrap > ul > li:nth-child(4){
			background:url(../images/4.jpg) no-repeat center/cover;
			width: 700px;
		}	
		#wrap > ul > li > .text{
			width: 100px;
			height: 100%;
			background: #000;
			opacity: .5;
		}
		#wrap > ul > li > .text p{
			padding: 20px 40px;
			font-family: 'Microsoft yahei';
			color: #fff;
		}




/*游戏展示跳跃*/
.about{ height:500px; width:1200px; margin:50px auto; background:#fc3; ove rflow:hidden;}
.about .box{ width:300px; height:300px; background:#F00; float:left; margin-top:100px; position:relative; top:400px;transition:0.3s}

.about.on .box{top:0;} 
.about .box1{}
.about .box2{ transition-delay:0.2s}
.about .box3{ transition-delay:0.4s}
.about .box4{ transition-delay:0.6s}
.about .box5{ transition-delay:0.8s}
.about .box6{ transition-delay:1.0s}
.case{ height:400px; width:100%; background:#666; }





/*放大镜代码*/
body{
	font:80% Arial, Helvetica, sans-serif;
		line-height:180%;
	}

#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:2px;
	display:none;
	color:#fff;
}







/*产品展示代码*/
.pro{ width:100%; text-align:center;  margin:47px 0 44px 0;}
.pro_title{ text-align:center; padding-bottom:45px;  background:url(../images/xian2.jpg) no-repeat center bottom;}
.pro_title h3{ margin:20px 0 10px 0; color:#666; font-weight:100;}
.pro_title span{ display:block; font-size:14px; color:#999; }
.pro .fenlei{ margin-top:24px;}
.pro ul{ width:1000px;  margin:45px auto 0;overflow:hidden;}
.pro ul li{ float:left; margin-right:4px;}
.pro .more{ display:block; width:1000px; height:50px;  line-height:50px; color:#666; margin:24px auto 0; background:#f5f4f4; font-size:14px;}
.pro .more:hover{ background:#aaa; color:#fff;}

/*产品优势代码*/
.advantage{ height:330px; padding-top:47px; background:url(../images/cp_bg.jpg) no-repeat center;}
.ad_title{ text-align:center; padding-bottom:45px;  background:url(../images/xian2.jpg) no-repeat center bottom;}
.ad_title h3{ margin:20px 0 10px 0; color:#666; font-weight:100;}
.ad_title span{ display:block; font-size:14px; color:#999; }
.ad_con{ width:1000px; height:270px;  margin:25px auto 0;}
.ad_con dl{ margin-right:40px; width:480px; float:left; margin-bottom:45px;}
.ad_con dl dt{ float:left;}
.ad_con dl dd{ float:right; width:350px;}
.ad_con dl dd h4{ font-size:14px; color:#666; line-height:45px; border-bottom:1px solid #999; margin-bottom:14px; }
.ad_con dl dd p{ font-size:12px; color:#999;}

/*关于我们代码*/
.about{
	width:100%;
	height:450px;
	background:#313131;
	overflow:hidden;
	margin-top:75px;
	text-align:center;
}
.ab_title{ text-align:center; padding-bottom:45px; margin-top:40px;  background:url(../images/xian2.jpg) no-repeat center bottom;}
.ab_title h2{ margin:20px 0 10px 0; color:#ccc; font-weight:100;}
.ab_title span{ display:block; font-size:14px; color:#999; }
.about h2{ font-weight:100; color:#999; margin-top:48px;}
.about p{ width:616px; margin:30px auto 0; color:#999; font-size:14px; }


/*底部代码*/

.d_tp2 { float:right;}






/*底部代码*/
.footer{ height:90px; background:#202020;}
.ft_center{ width:1000px; margin:0 auto;}
.ft_center img{ float:left; margin-top:0px;}
.ft_center p{
	float:right;
	margin-right:310px;
	margin-top:37px;
	color:#999;
	font-size:12px;
	text-align: center;
	font-weight: bold;
}



#lanren #audio-btn{width: 44px;height: 44px; position:fixed; z-index:999999; top:0; left:0;}
#lanren .on{background: url(../images/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#lanren .off{background: url(../images/music_off.png) no-repeat 0 0;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
